/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}


/*banner*/
.fullSlide {width:100%;position:relative;height:518px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% }
.fullSlide .bd li {width:100% !important;height:521px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:600px;}

.fullSlide .hd {position:absolute; z-index:6; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#ccc;  background:#ccc; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ width:20px;height:20px;background:#056ad1; color:#056ad1;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(../img/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../img/right1s.png) no-repeat;}

#demo{overflow:hidden;padding-bottom:30px}
#indemo{float:left;width:99999px;}
#demo1,#demo2{float:left;}
.case-left{ width:1200px;  overflow:auto; position:relative; margin:0 auto}
.case-left .hd{ overflow:hidden;  margin:20px auto; width:65px;  }
.case-left .hd .prev,.case-left .hd .next{ display:block;  width:25px; height:25px; float:right; margin-right:5px;  overflow:hidden;cursor:pointer; background:url(l.gif) ;}
.case-left .hd .next{ background:url(../images/r.gif) no-repeat;}

/**/
.cust{height: 795px;color: #505050;line-height: 24px;text-align: center;overflow: hidden;}
.til01{height: 112px;padding: 33px 0 0;text-align: center;font-size: 30px;color: #363636;line-height: 36px;overflow: hidden;}
.til01 a{color: #363636;}
.til01 a:hover{text-decoration: none;}
.til01 b{color: #007BC5;}
.til01 em{color: #acacac;font-family: Times New Roman;font-size: 26px;font-weight: normal;text-transform: uppercase;font-style: normal;display: block;}
.cust_c dl{width: 295px;float: left;margin: 0 6px 0 0;}
.cust_c dl.born{margin:0;}
.cust_c dt{padding: 59px 0 0;height: 335px;position: relative;}
.cust_c dt img{width: 295px;height: 335px;}
.cust_c dt span{width:138px;height:104px;padding: 15px 0 0;color: #fff;font-size: 18px;line-height: 24px;background:url(../img/cust_ico.png) no-repeat center 0;position: absolute;left:79px;top: 0;}
.cust_c dt span b{display: block;font-size: 33px;line-height: 38px;padding-top:10px}
.cust_c dd{background: #f1f1f1;padding:13px 20px 23px 20px;height: 190px;}
.cust_c dd p{height: 158px;overflow: hidden;text-align:left;font-size:14px;line-height:28px}
.cust_c dd p a{display:inline-block;width:127px}
.cust_c dd span a,.about_w span a{background:url(icobg1.png) no-repeat center 0;display: block;padding: 0 20px 0 0;color: #505050;line-height: 29px;}
.cust_c dd span a:hover,.more02 a,.about_w span a.cur,.about_w span a:hover{background:url(icobg2.png) no-repeat center 0;text-decoration: none;line-height: 29px;color: #fff;}



/*产品*/
.probox{background:url(../img/bg01.png) repeat-x center 0;padding: 220px 0 0;height:630px;}
.pro_ico{background:url(../img/ico01.gif) no-repeat 0 0;width: 13px;height: 7px;display: block;top: -7px;left: 50%;margin-left:-6.5px;}
.protil{height: 66px;padding: 6px 164px  0;text-align: center;font-size: 14px;line-height: 34px;}
.protil li,.protil span{width: 162px;float: left;height: 34px;background: #f1f1f1;margin: 0 12px 0 0;}
.protil li a,.protil span a{color: #0e050a;display: block;}
.protil li.cur a,.protil li a:hover{color: #fff;background: #ffc301;font-weight: bold;text-decoration: none;}

.pro_p{width: 866px;overflow: hidden;}
.pro_pl,.pro_pl p,.pro_pl p img{width: 515px;height: 364px;display: block;}
.pro_pl{border: solid 1px #e9e9e9;position: relative;}
.pro_pl span{width: 515px;height: 32px;line-height: 32px;background: #4f4f4f;position: absolute;left: 0;bottom: 0;text-align: center;}
.pro_pl span a{display: block;color: #fff;}
.pro_pt{width: 348px;overflow: hidden;}
.pro_pt li{width:169px;overflow: hidden;height: 120px;float: left;margin: 0 0 4px 4px;}
.pro_pt li img{width:169px;height: 120px;display: block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #e9e9e9;}
.pro_pt li.cur img,.pro_pt li a:hover img{border: solid 3px #ffc301;}

.pro_w{width:302px;overflow: hidden;background: #f1f1f1;border: solid 1px #e9e9e9;height: 335px;padding:15px 15px;line-height: 26px;font-size: 12px;color: #181818;}
.pro_w h3{font-size:16px;color: #181818;height: 44px;line-height: 44px;overflow: hidden;}
.pro_w h3 a{color: #181818;}
.pro_w ul{height: 230px;overflow: hidden; margin-bottom:20px;}
.pro_w li b{width: 83px;float: left;}
.pro_w li span{width:218px;float: left;}
.more02 a{background:url(icobg2.png) no-repeat center 0;line-height: 29px;color: #fff;width: 110px;display: block;padding:0 20px 0 0;text-align: center;color: #fff;}


/*案例*/
.case{background:url(../img/11.jpg) no-repeat;border-top:1px solid #E8E8E8;background-position:center;background-attachment:fixed;overflow:hidden;}
.case_l{position: relative;}
.case_l,.case_l img{width: 692px;height: 413px;overflow: hidden;}
.case_l span{position:absolute;width:692px;height:42px;line-height:42px;left:0;bottom:0;background:#404040;display: block;text-align: center;}
.case_l span a{display: inline-block;background:url(Img/Index/ico14.png) no-repeat right center;padding: 0 26px 0 0;color: #fff;}
.case_r{width:508px;overflow: hidden;}
.case_r li{width:245px;height: 132px;float: left;margin: 0 0 9px 8px;position: relative;}
.case_r li p{width:199px;height: 100px;border: solid 1px #efefef;padding: 15px 22px;background: #fff;}
.case_r li p a{height: 98px;display: block;background:url(Img/Index/ico05.gif) no-repeat 0 bottom;font-size: 18px;color: #222;line-height: 30px;}
.case_r li p em{display: block;font-family: Arial;font-size: 14px;text-transform: uppercase;line-height: 22px;color: #c7c6c6;}
.case_r li span{width:245px;height: 132px;position: absolute;left: 0;top: 0;display: none;}
.case_r li.cur span{display: block;}
.case_r li span img{width:239px;height: 126px;border:solid 3px #ffc301;}

/*优势*/
.edge{height: 734px;color: #29343c;line-height: 30px;}
.edge_c dl{background:url(Img/Index/edge_lbg.gif) no-repeat right 0;height: 365px;overflow: hidden;}
.edge_c dt,.edge_c dt img{width:601px;height: 365px;float: left;}
.edge_c dd{width:477px;height: 365px;float: left;padding: 24px 0 0 42px;position: relative;}
.edge_c dd h3{height: 103px;border-bottom: solid 1px #cbcccd;line-height: 62px;font-size: 26px;color: #13171b;font-weight: normal;margin-bottom: 16px;}
.edge_c dd h3 span{display: block;font-size: 14px;line-height: 40px;color: #0a5caa;}
.edge_c dd h3 span b{font-size:32px;font-weight: normal;padding: 0 8px 0 0;}
.edge_c dd ul{height: 162px;overflow: hidden;}
.edge_c dd li{background:url(Img/Index/ico11.gif) no-repeat 1px 13px;padding: 0 0 0 14px;}
.edge_ico{width: 95px;height: 1px;background:url(Img/Index/ico15.gif) no-repeat 0 0;position: absolute;left: -61px;top: 45px;}

.edge_l{height: 102px;}
.edge_l li{width: 300px;height: 102px;float: left;position: relative;overflow: hidden;}
.edge_l li p{background:url(Img/Index/bg03.png) repeat;top: 0;left: 0;position: absolute;padding: ;font-size: 24px;color: #fff;line-height: 27px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;width: 100%;height: 100%;padding: 26px 0 0 78px;}
.edge_l li p em{display: block;height:28px;line-height: 16px;font-size: 14px;font-style: normal;background:url(Img/Index/ico06.gif) no-repeat 0 bottom;color: #a4abad;}
.edge_l li.cur p{border: solid 3px #ffc301;padding: 23px 0 0 75px;}

/*广告*/
.h_gg{background:url(Img/Index/h_gg01.jpg) no-repeat center 0;height: 245px;}
.gg01{width: 310px;top: 161px;left: 50%;margin-left: -480px;line-height: 29px;color: #fff;background:url(Img/Index/c_pho.gif) no-repeat 0 0;padding: 0 0 0 36px;}
.gg01 b{font-size:22px;}

/*流程*/
.tec_p{height: 374px;border-bottom: dotted 2px #b8b7b6;overflow: hidden;}
.tec_pc li{width: 68px;float: left;padding: 0 53px 0 0;margin: 0 40px 0 0;text-align: center;background:url(Img/Index/ico16.gif) no-repeat right 26px;}
.tec_pc li.tec_l8{padding: 0;margin: 0;background:none;}
.tec_pc li b{width: 68px;height: 68px;display: block;margin: 0 0 13px;overflow: hidden;background:url(Img/Index/tec_pic1.gif) no-repeat 0 0;}
.tec_pc li.tec_l2 b{background:url(Img/Index/tec_pic2.gif) no-repeat 0 0;}
.tec_pc li.tec_l3 b{background:url(Img/Index/tec_pic3.gif) no-repeat 0 0;}
.tec_pc li.tec_l4 b{background:url(Img/Index/tec_pic4.gif) no-repeat 0 0;}
.tec_pc li.tec_l5 b{background:url(Img/Index/tec_pic5.gif) no-repeat 0 0;}
.tec_pc li.tec_l6 b{background:url(Img/Index/tec_pic6.gif) no-repeat 0 0;}
.tec_pc li.tec_l7 b{background:url(Img/Index/tec_pic7.gif) no-repeat 0 0;}
.tec_pc li.tec_l8 b{background:url(Img/Index/tec_pic8.gif) no-repeat 0 0;}
.tec_pc li.cur b{background-position: 0 bottom;}
.tec_pc li span{display: block;border-top: solid 1px #dedede;border-bottom: solid 1px #dedede;height: 24px;line-height: 24px;color: #4d4d4d;}

/*关于*/
.about{background:url(Img/Index/bg02.gif) repeat-x 0 bottom;height: 734px;line-height: 30px;color: #555;overflow: hidden;}
.about_c{background:url(Img/Index/abocbg.gif) no-repeat 0 0 #0a5caa;padding: 30px 0 0;height:435px;overflow: hidden; width:1200px;}
.about_w{width: 520px;padding: 26px 0 0 30px;overflow: hidden;}
.about_w h3{height: 95px;border-bottom: solid 1px #dfdfe0;font-size: 24px;color: #333;line-height: 28px;}
.about_w h3 a{color: #333;}
.about_w h3 span{color: #056ad1;display: block;text-transform: uppercase;line-height: 30px;font-size: 36px;}
.about_w p{padding: 34px 0 0;height: 189px;overflow: hidden;}
.about_w p a{color: #056ad1;}
.about_w span{width: 550px;display: block;}
.about_w span a{float: left;margin: 0 24px 0 0;width:90px;text-align: center;}
.about_p{padding: 0 26px 0 0;}
.about_p{width: 570px;height: 400px;}

/**/
.newbox{height:512px;padding:66px 0 0; font-family: "Microsoft Yahei";overflow: hidden;border-bottom: solid 1px #ccc;}
.news{width:550px; height: 464px;}
.newtil,.faq h3{height:57px;line-height: 36px;font-size: 18px;}
.newtil li{float: left;padding-right:20px;}
.newtil li a{color: #333;font-weight: bold;display: inline-block;margin-right:15px;}
.faq h3 a{color: #333;}
.newtil li.cur a,.newtil li a:hover{border-bottom: solid 2px #220f6b;text-decoration: none;}
.more03 a{font-size: 14px;color: #333;font-weight: normal;}
.new_c dl{padding-bottom:40px;color: #555;line-height: 26px;}
.new_c dd{width:590px;border:1px solid #ccc;background:#fff;margin-bottom:12px}
.new_c dt{height: 159px;position: relative;}
.new_c dt b{position: absolute;width: 66px;height: 66px;background: url(Img/Index/new_top.png) no-repeat 0 0;right: -3px;top: -3px;}
.new_c dt span{width:161px; height:140px;float: left;line-height: 140px;text-align: center;background: #220f6b;color: #fff;font-size: 28px;text-transform: uppercase;font-weight: bold;}
.new_c dt img{width:388px; height:140px;float: left;}
.new_c h4{height:39px; font-size: 14px;line-height:39px;}
.new_c h4 b{float: right;color: #8c8a8a;}
.new_c h4 a{color: #333;}
.new_c h4 a:hover{color: #EC1D24;}
.new_c p{height: 50px;overflow: hidden;}
.new_c li{height:29px;line-height:29px;padding-left:15px; background: url(Img/Index/ico07.gif) no-repeat 0 12px;overflow: hidden;}
.new_c li a{color: #555;width: 446px;white-space: nowrap;}
.new_c li span{float: right;color: #b1a5a5;}

.faq{width:550px;overflow: hidden;padding: 0 0 0 100px;}
.faq_c{overflow: hidden;}
.faq_c p{height: 167px;overflow: hidden;}
.faq_c p img{height: 140px;width: 550px;}
.faq_c dl{width: 220px; height:96px;line-height:26px;color: #555;float: left;background: url(Img/Index/ico08.gif) no-repeat 0 4px;padding: 0 0 0 28px;}
.faq_c dl.born{margin-left: 54px;}
.faq_c dt{height: 40px;line-height: 26px;font-weight: bold;}
.faq_c dt a{color: #333;}
.faq_c dd p{height:50px;overflow: hidden;}
.faq_np{clear: both;text-align: center;}
.faq_np a.prev,.faq_np a.next{width: 7px;height: 11px;display:inline-block;background: url(Img/Index/next.gif) no-repeat 0 0;}
.faq_np a.prev{background: url(Img/Index/prev.gif) no-repeat 0 0;}
.faq_np a.prev:hover,.faq_np a.next:hover{background-position: 0 bottom;}
.faq_np span{width: 132px;display: inline-block;}
.faq_np span em{width: 16px;display: inline-block;height: 10px;background: url(Img/Index/ico10.gif) no-repeat center 0;}
.faq_np span em.cur{background: url(Img/Index/ico09.gif) no-repeat center 0;}

/**/
.links{height:99px; line-height:98px; color: #555;overflow: hidden;font-family: "Microsoft Yahei";}
.links p{width: 968px;float: left;overflow: hidden;white-space: nowrap;}
.links p a{color: #555;padding: 0 50px 0 0;}
.links span{float: right;width: 140px;text-align: right;}
.links span a{color: #555;}

/*首页第一部分*/
.cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.cs-style-4 figcaption {
	height: 86.5%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
/* General Demo Style */
 



/* clearfixfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfixfix-hack/ */
.clearfixfix:before, .clearfixfix:after { content: " "; display: table; }
.clearfixfix:after { clear: both; }





/* Header Style */
.containerfox > header {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.containerfox > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-archive:before {
	content: "\e002";
}

.codrops-icon-next:before {
	content: "\e000";
}

.codrops-icon-about:before {
	content: "\e003";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b3b9bf;
	color: #b3b9bf;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #2c3f52;
	color: #2c3f52;
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}
.grid {
	padding: 20px 20px 100px 20px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 440px;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #0068A2;
	color: #fff;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}

.grid figcaption span:before {
	content: '| ';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	border:1px solid #fff;
	border-radius: 30px;
	transition:all 0.3s ease-in
}
.grid figcaption a:hover{background:#fff;
color:#000}
/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}